@charset "UTF-8";

.wrapper { width: 1024px; margin: 0 auto; position: relative; height:630px; }
.wrapper .ad_txt p{ line-height:24px;}
#banner { width: 100%; height: 720px; background: #000; overflow: hidden; position: relative;  }
#banner_img { display: block; position: relative;margin:0px; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 720px; background-position: center; background-size: cover; display: none; }
        /*ñͼƬ-------ʼ*/
        #banner_img li.item1 { background-image: url(../img/banner_bg1.jpg); }
        #banner_img li.item2 { background-image: url(../img/banner_bg2.jpg); }
        #banner_img li.item3 { background-image: url(../img/banner_bg3.jpg); }
        #banner_img li.item4 { background-image: url(../img/banner_bg4.jpg); }
        #banner_img li.item5 { background-image: url(../img/banner_bg5.jpg); }
        #banner_img li.item6 { background-image: url(../img/banner_bg6.jpg); }
        #banner_img li.item7 { background-image: url(../img/banner_bg7.jpg); }
        #banner_img li.item8 { background-image: url(../img/banner_bg8.jpg); }
    /*ñͼƬ--------*/
    #banner_img .ad_img { position: absolute; left: 300px; top: 10px; width: 1024px; height: 404px; }
    #banner_img .ad_txt { position: absolute; left: -300px; bottom: 20px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3);z-index: 10000; background: rgba(40,60,240,0.4);padding: 10px; border-radius: 5px; }
	
        #banner_img .ad_txt h2 { font: bold 36px/30px Microsoft YaHei; }
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 672px; height: 80px; margin-left: -376px; left: 50%; bottom: 40px; z-index: 1; padding-left:40px; }
    #banner_ctr ul { width: 672px; height: 80px; background: url(../images/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 112px; height: 80px; cursor: pointer; }
        #banner_ctr li.first-item { width: 20px; cursor: default; }
        #banner_ctr li.last-item {  width: 20px;  cursor: default; }
#drag_ctr { position: absolute; top: 0px; left: 40px; width: 112px; height: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
#drag_arrow { position: absolute; top: 0px; left: 40px; width: 112px; height: 80px; background: url(../images/drag_banner_arrow.gif) center 0px no-repeat; }